/* ——————————————————————————全局样式———————————————————————— */
body {
	--bg-head-1: #777AB0;
	--bg-main-1: #414580;
	--bg-mainOpacity20-1: rgba(65, 69, 128, 0.8);
	--bg-mainOpacity50-1: rgba(65, 69, 128, 0.5);
	--bg-light-1: #c3c3e7;
}

/* 背景颜色 */
.bg-head1 {
	background-color: var(--bg-head-1);
}

.bg-main1 {
	background-color: var(--bg-main-1);
}

/* 透明度 */
.link-opacity20,
.text-opacity20,
.bg-opacity20 {
	color: rgba(255, 255, 255, 0.8);
}

/* 边距 */
.no-padding {
	padding: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.no-margin {
	margin: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.m-left-0 {
	margin-left: 0 !important;
}

.m-left-1 {
	margin-left: 0.25rem !important;
}

.m-left-2 {
	margin-left: 0.5rem !important;
}

.m-left-3 {
	margin-left: 1rem !important;
}

.m-left-4 {
	margin-left: 1.5rem !important;
}

.m-left-5 {
	margin-left: 2rem !important;
}

.m-left-6 {
	margin-left: 2.5rem !important;
}

.m-right-0 {
	margin-right: 0 !important;
}

.m-right-1 {
	margin-right: 0.25rem !important;
}

.m-right-2 {
	margin-right: 0.5rem !important;
}

.m-right-3 {
	margin-right: 1rem !important;
}

.m-right-4 {
	margin-right: 1.5rem !important;
}

.m-right-5 {
	margin-right: 2rem !important;
}

.m-right-6 {
	margin-right: 2.5rem !important;
}

.p-left-0 {
	padding-left: 0 !important;
}

.p-left-1 {
	padding-left: 0.25rem !important;
}

.p-left-2 {
	padding-left: 0.5rem !important;
}

.p-left-3 {
	padding-left: 1rem !important;
}

.p-left-4 {
	padding-left: 1.5rem !important;
}

.p-left-5 {
	padding-left: 2rem !important;
}

.p-left-6 {
	padding-left: 2.5rem !important;
}

.p-right-0 {
	padding-right: 0 !important;
}

.p-right-1 {
	padding-right: 0.25rem !important;
}

.p-right-2 {
	padding-right: 0.5rem !important;
}

.p-right-3 {
	padding-right: 1rem !important;
}

.p-right-4 {
	padding-right: 1.5rem !important;
}

.p-right-5 {
	padding-right: 2rem !important;
}

.p-right-6 {
	padding-right: 2.5rem !important;
}

/* 按钮 */
.btn {
	white-space: nowrap;
}

/* 对齐 */
.top-right {
	position: absolute;
	top: 0;
	right: 0;
}

.top-left {
	position: absolute;
	top: 0;
	left: 0;
}

.bottom-right {
	position: absolute;
	bottom: 0;
	right: 0;
}

.bottom-left {
	position: absolute;
	bottom: 0;
	left: 0;
}
/* 链接下划线 */
.link-noline{
	text-decoration: none !important;
}
/* ——————————————————————————header样式（含导航栏）—————————————————————————— */
.navbar-brand {
	padding: 0;
}

.navbar-brand img {
	height: 2.5rem;
}

.navbar-brand span {
	line-height: 2rem;
	font-size: 1.5rem;
	position: relative;
	top: 0.25rem;
}

@media screen and (min-width:992px) {
	.nav-font {
		line-height: 2.375rem;
		font-size: 1rem;
	}

	.navbar-dark .navbar-nav.hoverblock .nav-link {
		/* padding-left: 1rem;
		padding-right: 1rem; */
	}

	.navbar-dark .navbar-nav.hoverblock .nav-link.active {
		background-color: white;
		color: var(--bg-main-1);
	}

	/* hover、focus效果 */
	.navbar-dark .navbar-nav.hoverblock .nav-link:hover {
		background-color: rgba(255, 255, 255, 0.2);
		color: white;
	}

	.navbar-dark .navbar-nav.hoverblock .nav-link:focus {
		background-color: var(--bg-light-1);
		color: var(--bg-main-1);
	}

	.navbar-dark .navbar-nav.hoverblock .nav-link.active:hover,
	.navbar-dark .navbar-nav.hoverblock .nav-link.active:focus {
		background-color: white;
		color: var(--bg-main-1);
	}

	ul.navbar-nav li a {
		width: 100%;
		text-align: center;
	}
}

ul.navbar-nav li {
	flex: 1;
}

.dropdown-menu {
	min-width: 12rem;
	padding: 0;
	font-size: 1rem;
	background-color: white;
	border: 0;
	border-radius: 0;
}

.dropdown-menu li+li {
	border-top: 1px solid rgb(240, 240, 240);
	/* box-shadow: 0 -1px 2px 0 gainsboro; */

}

.dropdown-menu a {
	color: black;
}

.dropdown-menu a:hover,
.dropdown-menu a:focus,
.dropdown-menu a:active {
	background-color: white;
	color: var(--bg-main-1);
	outline: 0;
}

.navbar-toggler:focus {
	box-shadow: 0 0 0 0;
}
 

/* ——————————————————————————body样式—————————————————————————— */
/* 轮播图 */
.carousel-item {
	height: 30vw;
}

.carousel-item .carousel-img {
	height: 30vw;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
}

/* 标题样式 */
.title-style1 {
	display: flex;
	border-bottom: 1px solid gainsboro;
}

.title-style1 .title-content {
	padding-right: 2rem;
	border-bottom: 0.25rem solid var(--bg-main-1);
}

.title-style1 .title-content h1,
.title-style1 .title-content h2,
.title-style1 .title-content h3,
.title-style1 .title-content h4 {
	background-color: var(--bg-main-1);
	padding: 0.5rem;
	color: white;
	margin-bottom: 0.25rem;
	border-top-left-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
}

.title-style1 .title-link {
	text-decoration: none;
	color: darkgray;
	position: absolute;
	top: 1rem;
	right: 0;
}

.title-style2 {
	display: flex;
	border-bottom: 1px solid gainsboro;
}

.title-style2 .title-content {
	display: flex;
}

.title-style2 .title-content .title-front {
	background-color: var(--bg-main-1);
	width: 0.5rem;
	height: 60%;
	margin: auto;
	border-radius: 0.3rem;
}

.title-style2 .title-content h1,
.title-style2 .title-content h2,
.title-style2 .title-content h3,
.title-style2 .title-content h4 {
	padding: 0.5rem;
	color: var(--bg-main-1);
	margin-bottom: 0.2rem;
	font-weight: bold;
}

.title-style2 .title-link {
	text-decoration: none;
	color: darkgray;
	position: absolute;
	top: 1rem;
	right: 0;
}

.title-style3 {
	display: flex;
}

.title-style3 .title-link {
	text-decoration: none;
	color: var(--bg-main-1);
}

.title-style3 .title-content h1,
.title-style3 .title-content h2,
.title-style3 .title-content h3,
.title-style3 .title-content h4 {
	padding: 0.5rem;
	color: var(--bg-main-1);
	margin-bottom: 0.25rem;
	font-weight: bold;
}

/* 列表样式 */
.list-group1,
.list-group2 {
	display: flex;
	flex-direction: column;
}

.list-group1 .list-group-item {
	border: 0;
}

.list-group1 .list-group-item+.list-group-item {
	border-top: 1px dashed rgba(0, 0, 0, .125);
}

.list-group2 .list-group-item {
	border: 0;
}

.list-group2 .list-group-item+.list-group-item {
	/* border-top: 1px dashed rgba(0, 0, 0, .125); */
}

.list-img-box.img1-1 img {
	width: 120px;
	height: 120px;
	object-fit: cover;
}

.list-img-box.img4-3 img {
	width: 144px;
	height: 108px;
	object-fit: cover;
}

.list-img-box.img3-2 img {
	width: 150px;
	height: 100px;
	object-fit: cover;
}

.list-img-box.img16-9 img {
	width: 160px;
	height: 90px;
	object-fit: cover;
}

.list-text-box {
	min-width: 0;
	flex-direction: column;
}

.list-date-box1 div {
	font-size: 1.2em;
	padding: 0.3rem 0.5rem;
	text-align: center;
}

.list-date-box1 div:first-child {
	background-color: var(--bg-main-1);
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
	color: white;
}

.list-date-box1 div:last-child {
	background-color: white;
	border-bottom-left-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
	border: 1px solid var(--bg-main-1);
	color: var(--bg-main-1);
}

.list-date-box2 div {
	text-align: center;
}

.list-date-box2 div:first-child {
	background-color: var(--bg-main-1);
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
	color: white;
	font-size: 2rem;
	padding: 0.1rem 1rem;
}

.list-date-box2 div:last-child {
	background-color: white;
	border-bottom-left-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
	border: 1px solid var(--bg-main-1);
	color: var(--bg-main-1);
	font-size: 1.2rem;
	padding: 0.1rem 1rem;
}

.list-date-box3 div {
	text-align: center;
	background-color: var(--bg-main-1);
	border-radius: 0.5rem;
	padding: 0.1rem 0.5rem;
	font-size: 1rem;
	color: white;
}

.list-date-box4 div {
	font-size: 1.2rem;
	color: gray;
}

/* 限制行数省略号 */
.line-clamp1 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.line-clamp2 {
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.line-clamp3 {
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.line-clamp4 {
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}

/* 网格布局 */
@media screen and (min-width: 1200px) {
	.row-cols-xl-8>* {
		flex: 0 0 auto;
		width: 12.5%;
	}
}
@media screen and (min-width: 1400px) {
	.row-cols-xxl-10>* {
		flex: 0 0 auto;
		width: 10%;
	}
}



.grid-item1 {
	background-color: var(--bg-main-1);
	color: white;
	font-size: 1.5rem;
	text-align: center;
}

/* 卡片样式 */
.marketing .marketing-card1 {
	text-align: center;
	border: 1px solid gainsboro;
	padding: 1rem;
	border-radius: 1rem;
}

.card-img1 {
	width: 120px;
	height: 120px;
	object-fit: cover;
}
.card-img-top{
	object-fit: cover;
}
/* 二级页面版头 */
.top-img {
	width: 100%;
	height: 40vw;
	object-fit: cover;
}

.top-text {
	background-color: var(--bg-mainOpacity20-1);
	color: white;
	font-size: 1.2rem;
	padding: 0.3rem 1.5rem;
	position: absolute;
	top: 40%;
	left: 20%;
}

@media screen and (min-width:576px) {
	.top-img {
		width: 100%;
		height: 25vw;
		object-fit: cover;
	}

	.top-text {
		background-color: var(--bg-mainOpacity20-1);
		color: white;
		font-size: 1.5rem;
		padding: 0.6rem 2.5rem;
		position: absolute;
		top: 40%;
		left: 20%;
	}
}

@media screen and (min-width:992px) {
	.top-img {
		width: 100%;
		height: 20vw;
		object-fit: cover;
	}

	.top-text {
		background-color: var(--bg-mainOpacity20-1);
		color: white;
		font-size: 2rem;
		padding: 1rem 3rem;
		position: absolute;
		top: 40%;
		left: 20%;
	}
}

/* 手风琴 */
.accordion-style1 a {
	text-decoration: none;
}

.accordion-style1 .accordion-button {
	border: 0;
	font-size: 1.2rem;
}

.accordion-style1 .accordion-button:hover {
	background-color: var(--bg-mainOpacity50-1);
}

.accordion-style1 .accordion-button::after {
	content: none;
}

.accordion-style1 .accordion-button:not(.collapsed) {
	color: white;
	background-color: var(--bg-head-1);
	box-shadow: 0 0 0 0 white;
}

.accordion-style1 .accordion-button:focus {
	box-shadow: 0 0 0 0 white;
}

.accordion-style2 a {
	text-decoration: none;
}

.accordion-style2 .accordion-button {
	border: 0;
	font-size: 1.5rem;
	text-align: left;
	font-weight: bold;
}

.accordion-style2 .accordion-button:hover {
	background-color: var(--bg-mainOpacity50-1);
}

.accordion-style2 .accordion-button::after {
	content: none;
}

.accordion-style2 .accordion-button:not(.collapsed) {
	color: white;
	background-color: var(--bg-head-1);
	box-shadow: 0 0 0 0 white;
}

.accordion-style2 .accordion-button:focus {
	box-shadow: 0 0 0 0 white;
}

.accordion-style2 .accordion-item .accordion-header {
	border-bottom: 1px dashed gainsboro;
}

/* 手风琴下二级列表 */
.accordion-list1 {
	list-style-type: none;
	padding: 0;
	margin: 1rem 0;
}

.accordion-list1 .dropdown-item {
	text-align: center;
	font-size: 1.1rem;
	padding: 0.5rem 0;
}

.accordion-list1 .dropdown-item:active {
	background-color: var(--bg-mainOpacity50-1);
}

.accordion-list1 .dropdown-item.active {
	background-color: white;
	color: var(--bg-head-1);
}

/* 面包屑导航 */
.breadcrumb-style1 a {
	color: gray;
}

/* 底部翻页页签 */
.PageTurn .v-paging {
	text-align: right;
	color: #666;
	margin: 1.25rem 0;
	padding: 0 1rem;
}

.PageTurn .page,
.v-paging span.total {
	display: inline-block;
	height: 1.25rem;
	line-height: 1.25rem;
}

.PageTurn .page {
	text-align: center;
}

.PageTurn .pagelist {
	font-size: 0;
	height: 1.25rem;
	line-height: 1.25rem;
}

.PageTurn .pagelist .jump {
	cursor: pointer;
	margin: 0 0.5rem;
}

.PageTurn .pagelist span {
	font-size: 1rem;
	display: inline-block;
	margin: 0 0.5rem;
}

.PageTurn .baseFontColor {
	color: var(--bg-main-1);
	font-weight: 600;
}

.PageTurn .ellipsis {
	padding: 0 0.5rem;
}

.PageTurn .pagelist .ok,
.PageTurn .pagelist span.active {
	color: #333333;
	cursor: pointer;
}

.PageTurn .pagelist .goto {
	margin-right: 0;
}

.PageTurn .pagelist input {
	height: 20px;
	line-height: 12px;
	width: 30px;
	border: 1px solid #cccccc;
	border-radius: 3px;
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 12px;
}
/* style2独有特有 */
/* 宣传语 */
@media screen and ( max-width : 576px) {
	.text-sm-sm{
		font-size: 1rem;
	}
	.text-sm-md{
		font-size: 1.4rem;
	}
}
/* 宣传语下大图 */
.big-img {
	width: 100%;
	height: 25vw;
	object-fit: cover;
}


/* 底图上字卡片-大 */
.imgboard-back-big {
	width: 100%;
	margin: 0;
	padding: 0;
	object-fit: cover;
	box-sizing: border-box;
}

.imgboard-big {
	min-width: 0;
	width: 100%;
	padding: 0;
	margin: 0;
	background-color: rgba(0, 0, 0, 0.3);
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
}
.imgboard-text-big{
	text-align: left;
	font-size: 1.2rem;
	
}
/* 底图上字卡片 */
.imgboard-back {
	width: 100%;
	height: 15rem;
	margin: 0;
	padding: 0;
	object-fit: cover;
}

.imgboard {
	min-width: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background-color: rgba(0, 0, 0, 0.3);
	position: absolute;
	top: 0;
	left: 0;
}

.text-box .text-main {
	font-size: 1.1rem;
	text-indent: 2em;
}

/* ——————————————————————————footer样式—————————————————————————— */
footer a:hover {
	color: white;
}
.hiddenbox-father .hiddenbox{
	display: flex;
	flex-direction: column;
	background-color: var(--bg-light-1);
	position: absolute;
	bottom: 110%;
	left: 0;
	padding: 1rem;
	border: 2px solid var(--bg-head-1);
	border-bottom: 5px solid var(--bg-head-1);
	border-top: 5px solid var(--bg-head-1);
	display: none;
	width: auto;
}
.hiddenbox-father:hover .hiddenbox,
.hiddenbox-father:focus .hiddenbox,
.hiddenbox-father:focus-within .hiddenbox{
	display: flex;
}
.hiddenbox a{
	white-space:nowrap;
	text-decoration: none;
	color: var(--bg-main-1);
	padding: 0.2rem 0;
}